.bili-nav {
    display: flex;
    align-items:center;
    width:100%;
    padding:0 24px;
    box-sizing: border-box;
}
/* 左侧入口区 */
.left-entry{
    display: flex;
}

.left-entry .entyr-title{
    display: flex;
    align-items: center;
    height: 64px;
    color:#fff;
    margin-right: 15px;
}

.left-entry .entyr-title svg{
    margin-right: 6px;
}
/* 中间搜索区 */
.center-search-container{
    flex:1;
    height:40px;
    padding:0 48px 0;
    border-radius: 8px;
    border: 1px solid #e3e5e7;
    background-color: #f1f2f3;
    display: flex;
    align-items: center;
    position:relative;
}

.center-search-container:hover{
    background-color:#fff;
}
.center-search-container .center-search-content{
    display: flex;
    height:20px;
    width:100%;
    padding:0 8px;
}
.nav-search-content .nav-search-input{
    flex:1;
    background-color: transparent;
    line-height: 20px;
    overflow:hidden;
    padding-right:8px;
}
/*  */
.center-search-container .nav-search-btn{
    position: absolute;
    top:4px;
    right:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    line-height: 32px;
    border-radius: 6px;
    cursor:pointer;
    transition:background-color 0.3s ;
}
.center-search-container .nav-search-btn:hover{
    background-color:#e3e4e5;
}
/* 右侧入口 */
.right-entry{
    margin-left:10px;
    display: flex;
    align-items:center;
}
